@charset "UTF-8";

#section_header { position: absolute; top:0; left:0; }
.header_top {width:100%;display:block;overflow:hidden; border-bottom: 1px solid #ffffff40; background: #00000010;}
.header_bottom {display:block;padding: 30px 10px; overflow: hidden;}
.section_inner{position: relative; margin:0 auto;padding:0;}

.header_top .logo {float:left; }
.header_top .logo a{color:#fff;font-size: 26px;padding: 5px 0px;display: block;font-weight: 300;letter-spacing: -2px; margin-right: 60px;}
.header_top .util {float:right; position: absolute; top: 28px; right: 40px;}
.header_top .util li { position:relative; display:inline-block; line-height:27px; padding:0 3px;}
.header_top .util li a{font-size:13px;padding:7px 5px 7px 5px;display:block;color:#fff;}

.header_top .mobile_menu{display:none;cursor: pointer;}
.header_top .mobile_menu .bar01{width:20px;height:2px;background:#fff;margin:6px auto 0;}
.header_top .mobile_menu .bar02{width:20px;height:2px;background:#fff;margin:6px auto 0;}
.header_top .mobile_menu .bar03{width:20px;height:2px;background:#fff;margin:6px auto 0;}

/* .header_bottom .gnb_area { overflow: hidden;} */
.header_bottom .gnb_area .gnb_list {position: relative; max-width:800px;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between}
.header_bottom .gnb_area .gnb_list li{position: relative;flex:1; width: 150px; text-align: center; overflow:hidden;padding:0;}
.header_bottom .gnb_area .gnb_list li a{display: block;text-align:center;margin:0 auto; font-size: 16px; color:#fff; font-weight: 300;padding:10px 0 10px 0; }

@media screen and (min-width: 320px) and (max-width:720px){
	.section_inner{width:100%; margin:0 auto;padding: 0 }
	.header_top .logo a{font-size: 22px;padding: 0 10px; line-height: 78px; margin: 0;}
	.header_top .mobile_menu{float:right;display:block;border:1px solid #969696;width:30px;height:30px; margin: 10px;}
	.header_top .util {display:none;}
	.header_bottom .gnb_area {display:none;}
    .header_bottom {padding:0;}


	/* 모바일 GNB */
	.header_top .mobile_menu_close{float:right;border:1px solid #ddd;width:30px;height:30px;margin:25px 10px 20px 10px;}
	.mobile_gnb_box{position: absolute;display:none;width: 100%;height:100%;left: 0;top: 0;background:#333333;    z-index: 998;}
	.mobile_gnb_box .wrap_menu_list {width:98%;left:1%;position: relative;z-index: 999;padding-top:0px;display:block;overflow:hidden;}
	.mobile_gnb_box .wrap_menu_list li{padding:15px 10px;font-size:16px;text-align:left;color:#fff;display:block;overflow:hidden;border-bottom: 1px solid #464646;    cursor: pointer;}
	.mobile_gnb_box .wrap_menu_list .gnb1depth {background: url(../images/common/arrow_down.png) 96% 55%  no-repeat; background-size: 18px 9px}

	.header_top .mobile_menu_close{display:none;cursor: pointer;}
	.header_top .mobile_menu_close .bar01{width:22px;height:2px;background:#ddd;margin:15px auto 0;transform: rotate(-45deg);}
	.header_top .mobile_menu_close .bar02{width:22px;height:2px;background:#ddd;margin:-2px auto 0;transform: rotate(45deg);}
	.header_top .mobile_menu_close .bar03{width:20px;height:2px;background:#000;margin:6px auto 0;}


}
@media screen and (min-width: 720px) and (max-width: 1025px) {
	.header_top .section_inner{width:100%; margin:0 auto; padding:0; display: inline-block; }
    .header_top .util {float:right; margin: 0;}
    .header_top .util li a{padding:0;color:#fff;} 
    .header_top .logo {float:left; }
    .header_top .logo a{color:#fff;font-size: 22px;padding:0; font-weight: 300;letter-spacing: -2px; margin-right: 85px; } 
   
    .header_bottom {display:block;padding: 30px 10px 20px 10px; overflow: hidden;}
    .header_bottom .gnb_area .gnb_list {position: relative; float: left; max-width:600px;margin:0 auto;overflow:hidden;display:flex; flex-direction:row;justify-content : center;justify-content : space-between; line-height: 27px;;}
    .header_bottom .gnb_area .gnb_list li{position: relative;flex:1; width: 100px; text-align: center; overflow:hidden;padding:0;}
    .header_bottom .gnb_area .gnb_list li a{text-align:center;margin:0 auto; font-size: 16px; color:#fff; font-weight: 300; padding: 0; }
    .header_bottom .util li img { width: 18px; height: 18px;}
	
	.mobile_gnb_box{display:none;}
	.header_top .mobile_menu_close{display:none;}
}	

@media screen and (max-width: 900px){
	.header_top .mobile_menu{float:right;display:block;border:1px solid #fff;width:30px;height:30px;margin:25px 10px 20px 10px;    }
    .header_top .util {display:none;}
    .header_bottom { display: inline-block;}
	.header_bottom .gnb_area {display:none;}


}

@media screen and (min-width: 1025px){
	.section_inner{width:1200px; margin:0 auto;padding:0; overflow: hidden;}
	.header_bottom .gnb_area {}
	
	.mobile_gnb_box{display:none;}
	.header_top .mobile_menu_close{display:none;}


}